<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Amaze UI Admin index Examples</title>
        <meta name="description" content="这是一个 index 页面">
        <meta name="keywords" content="index">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <link rel="icon" type="image/png" href="assets/i/favicon.png">
        <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <script src="assets/js/echarts.min.js"></script>
        <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
        <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css"/>
        <link rel="stylesheet" href="assets/css/app.css">
        <link rel="stylesheet" href="assets/css/com.css">
        <script src="assets/js/jquery.min.js"></script>

    </head>
    <body data-type="index">
        <div class="am-g tpl-g">
        <!-- 内容区域 -->
            <div class="tpl-content-wrapper">
            <div class="home-page row-content am-cf">
                <div class="row  am-cf">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">销售数据概览</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="tabs-main">
                                <div class="tabs-con" nav-tag="tpl-echarts">
                                    <div class="widget-table sales-table">
                                        <div class="content-table">
                                            <div class="content-summary">
                                                <table>
                                                    <tr>
                                                        <td class="content-list content-icon sales-icon"></td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">今日订单数</div>
                                                                <div>1681</div>
                                                            </div>
                                                        </td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">今日销售额</div>
                                                                <div>1250</div>
                                                            </div>
                                                        </td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">本月订单数</div>
                                                                <div>1174%</div>
                                                            </div>
                                                        </td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">本月销售额</div>
                                                                <div>86.90%</div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget-body-md widget-body tpl-amendment-echarts am-fr" id="sale_echarts">
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- row结束 -->

                <div class="row am-cf">
                    <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">终端概览</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="tabs-main">
                                <div class="tabs-con" nav-tag="tpl-echarts">
                                    <div style="height:320px;" class="widget-body-md widget-body tpl-amendment-echarts am-fr" id="terminal_echarts">
                                </div>
                            </div>

                            </div>
                        </div>
                    </div>

                    <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">内容概览</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="tabs-main">
                                <div class="tabs-con" nav-tag="tpl-echarts">
                                    <div style="height:320px;" class="widget-table">
                                        <div class="content-table">
                                            <div class="content-summary">
                                                <table>
                                                    <tr>
                                                        <td class="content-list content-icon contents-icon"></td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">CP运营商</div>
                                                                <div>81.71%</div>
                                                            </div>
                                                        </td>
                                                        <td class="content-list">
                                                            <div>
                                                                <div class="content-list-title">SP运营商</div>
                                                                <div>18.29%</div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="content-detail">
                                                <table>
                                                    <tr>
                                                        <td class="content-detail-name">节目总数</td>
                                                        <td>112</td>
                                                        <td>114</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="content-detail-name">内容总量</td>
                                                        <td>386</td>
                                                        <td>495</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="content-detail-name">在架量</td>
                                                        <td>39</td>
                                                        <td>67</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            </div>
                        </div>
                    </div>
                    <div class="row am-cf">
                        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                            <div class="widget am-cf">
                                <div class="widget-head am-cf">
                                    <div class="widget-title am-fl">用户概览</div>
                                    <div class="widget-function am-fr">
                                        <a href="javascript:;" class="am-icon-cog"></a>
                                    </div>
                                </div>
                                <div class="tabs-main">
                                    <div class="tabs-con" nav-tag="tpl-echarts">
                                        <div class="widget-table am-fr">
                                            <div class="user-table content-table am-u-sm-4 am-u-md-4 am-u-lg-4">
                                                <div class="content-summary">
                                                    <table>
                                                        <tr>
                                                            <td class="content-list content-icon user-icon"></td>
                                                            <td class="content-list">
                                                                <div>
                                                                    <div class="content-list-title">用户总数</div>
                                                                    <div>19876</div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="content-detail">
                                                    <table>
                                                        <tr>
                                                            <td class="content-detail-name">今日新增用户数</td>
                                                            <td>112</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="content-detail-name">今日活跃用户数</td>
                                                            <td>386</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="content-detail-name">日活跃率</td>
                                                            <td>47.8%</td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="user-table-echarts am-u-sm-8 am-u-md-8 am-u-lg-8">
                                                <div class="user-echarts" id="user_echarts"></div>
                                            </div>
                                        </div>
                                        <!-- widget-table结束 -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="assets/js/amazeui.min.js"></script>
        <script src="assets/js/amazeui.datatables.min.js"></script>
        <script src="assets/js/dataTables.responsive.min.js"></script>
        <script src="assets/js/indexjs/index_main.js"></script>
        <script> 
        $(function(){
            var lo_col=localStorage.getItem('SelcetColor');
            lo_col=JSON.parse(lo_col);
            if(lo_col){
                $('body').attr('class',lo_col.Color)
            }else{
                storageSave(saveSelectColor);
                $('body').attr('class','theme-white')
                console.log($('body').attr('class'));
                }
                 console.log(lo_col.Color);
            }
        )
        </script>
    </body>
</html>